@charset "utf-8";
@import url('../../../css2.css');
*,a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:18px;line-height:1.7;font-family:Lato!important}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1;padding-top:96px}
ol,ul{list-style:none!important;}
img{height:auto}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{color:#000;text-decoration:none}
@font-face{font-family:iconfont;font-display:swap;src:url(../font/iconfont.woff2) format('woff2'),url(../font/iconfont.woff) format('woff'),url(../font/iconfont.ttf) format('truetype')}
.iconfont{font-style:normal;font-size:16px;font-family:iconfont!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-tiktok:before{content:"\ecdc";}
.icon-pinterest:before{content:"\e63a";}
.icon-linkedin:before{content:"\e6bf";}
.icon-youtube:before{content:"\e764";}
.icon-instagram:before{content:"\e87f";}
.icon-twitter:before{content:"\e882";}
.icon-facebook:before{content:"\e71a";}
.icon-phone:before{content:"\e66f";}
.icon-jiantouyou:before{content:"\e616";}
.icon-skype:before{content:"\e7f2";}
.icon-mail:before{content:"\e690";}
.icon-commenting:before{content:"\e629";}
.icon-youjiantou:before{content:"\e600";}
.icon-gouwuceh:before{content:"\e604";}
.icon-whatsapp:before{content:"\e97b";}
.icon-home:before{content:"\e821";}
.icon-close:before{content:"\e618";}
#xyz *{box-sizing:border-box}
#xyz{position:relative;z-index:99999;margin-left:10px;width:120px;height:32px;line-height:32px}
.xyz12{position:absolute;width:100%;height:100%}
.xyz12 ul{border:1px #dbdbdb solid;background:#FFF}
.xyz12 ul>li{display:none}
.xyz12 ul>li:nth-of-type(1){display:flex;align-items:center}
.xyz12 li{position:relative;z-index:1;float:none;margin-left:0;width:100%;height:30px;text-align:left}
.xyz12 li a{display:block;overflow:hidden;padding:0;padding:0 8px;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.xyz12 li.selected{border-top:0}
.xyz12 li.selected a{color:#8550d9}
.xyz12 span{position:absolute;top:0;right:6px;z-index:100;display:block;width:32px;height:32px;cursor:pointer}
.xyz12 span:after{position:absolute;top:10px;right:10px;width:7px;height:7px;border:2px solid #707070;border-top:none;border-left:none;content:" ";cursor:pointer;transform:rotate(45deg)}
.xyz12 span.dp:after{top:13px;transform:rotate(-135deg)}
.xyz12 li img{margin:0 7px 0 0;vertical-align:middle}
.xyz12 li:hover{background:#F2F2F2}


    
    .nav1 ul {
        position: absolute;
        left: 100%;
        top: 0;
        display: none;
        background: rgba(0,0,0,.6);
        height: auto;
        min-width: 200px
    }
.nav1>li:hover ul {
    display: block
}


header{position:fixed;z-index:99;width:100%;box-shadow:1px 1px 5px #888;top:0}
.header{position:relative;width:100%;height:96px;background-color:#214c96}
.header .header-top{display:flex;height:46px;background-color:#FFF;align-items:center}
.header .header-top .mailclock{display:flex;margin-left:24%;width:600px;height:46px;justify-content:center;align-items:center}
.clock,.header .header-top .mailclock .mail{display:inline-block;display:flex;margin-left:35px;color:#000;font-size:14px;align-items:center}
.header .header-top .mailclock .mail img{margin-right:13px;width:18px;height:14px}
.header .header-top .mailclock .clock img{margin-right:13px;width:16px;height:16px}
.header .header-top .translation{position:absolute;top:5px;right:11.5%}
.header .logo{position:absolute;top:0;left:155px;z-index:99}
.header .logo .logo1{position:absolute;top:34%!important;left:50%;transform:translateX(-50%)}
.header nav{position:relative;display:flex;width:100%;    height: 70px;
    background: #002245;align-items:center;justify-content:center}
.header .navImg{position:absolute;top:50%;right:50px;z-index:26;display:none}
.header nav .navNav{margin-left:20%;width:55%;height:100%}
.header nav div .nav{display:flex;width:65%;height:100%;justify-content:space-between;align-items:center}
.header nav .navNav .nav>li{display:flex;height:100%;align-items:center}
.header nav .navNav .nav>li:nth-child(1){height:160px;border-bottom:none}
.header nav .navNav ul li:nth-child(1) input{padding-left:30px;width:92%;height:59px;border:1px solid #d8d8d8;font-size:24px}
.header nav div .nav>li a{display:flex;height:100%;color:#FFF;white-space:pre;align-items:center;font-size:18px}
.header nav div .nav li a:hover{color:#fff;font-weight:600;}
.header nav div .nav>li a.inmenu_1{color:#002245}
.header nav div .nav .submenu li a{padding:0 20px;font-size:16px}
.header nav .navNav .nav>li{position:relative}
.header nav .navNav .nav>li i{position:absolute;right:-17px;color:#FFF;display:none}
.header nav .navNav .nav>li .submenu{position:absolute;top:70px;left:-20px;z-index:9;display:none}
.header nav .navNav .nav>li:hover .submenu{display:block}
.header nav .navNav .nav>li .submenu li{display:block;height:35px;background-color:rgba(33,76,150,.6);color:#FFF;white-space:nowrap}
@media(min-width:768px){
.header nav .navNav .nav>li:hover .icon-jiantouyou{color:#002245;transform:rotate(90deg)}}
.search{position:relative;display:flex;width:27px;height:27px;cursor:pointer;align-items:center}
.search #txtSearch{position:absolute;top:49px;right:0;display:none;padding-left:10px;width:300px;height:40px;outline:0;border:none;border-radius:20px}
.banner{width:100%}
.banner .bannerImg{height:auto}
.banner img{width:100%;height:100%}
.introduction{overflow:hidden;padding-bottom:97px;text-align:center}
.introduction .hello{position:relative;margin:0 auto;width:80%}
.introduction .hello img{width:100%}
.introduction .hello p{position:absolute;top:30%;left:50%;color:#FFF;font-size:18px;transform:translateX(-50%)}
.introduction .hello p::after{position:absolute;top:50%;left:-162px;width:120px;height:1px;background-color:#FFF;content:''}
.introduction .hello p::before{position:absolute;top:50%;right:-162px;width:120px;height:1px;background-color:#FFF;content:''}
.introduction .welcome{margin:0 auto;margin-top:93px;width:40%}
.introduction .welcome p{margin-bottom:39px;color:#333;font-size:30px}
.introduction .welcome span{display:inline-block;display:-webkit-box;overflow:hidden;width:100%;color:#777;font-size:15px;line-height:30px;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.introduction .hellobtn{margin-top:33px}
.introduction .hellobtn a{display:inline-block;padding:6px 33px;border:1px solid #002245;border-radius:35px;background-color:#002245;color:#fff}
.introduction .hellobtn a:nth-child(1){margin-right:48px}
.introduction .hellobtn a:hover{border:1px solid #214c96;background-color:#FFF;transition:.5s;color:#214c96;}
.case{overflow:hidden;padding-top:93px;padding-bottom:121px;background-color:#fafafa;text-align:center}
.case .ourcase p{margin-bottom:29px;color:#333;font-size:30px}
.case .ourcase span{color:#777;font-size:18px}
.case .caseItem{margin:0 auto;width:80%}
.case ul li a,.case .caseItem ul li a{}
.case ul li a:hover,.case .caseItem ul li a:hover{}
.case ul li:hover{}
.case ul{display:flex;margin-top:50px;width:100%;justify-content:space-between}
.case ul li{padding:16px 16px 0;width:45%;background-color:#FFF}
.case ul li:hover{text-decoration:none;}
.case ul li:hover p{}
.case ul li:hover span{}
.case ul li img{width:100%;height:auto}
.case ul li p{display:inline-block;color:#000;font-size:24px}
.case ul li span{display:inline-block;display:-webkit-box;overflow:hidden;margin-top:31px;color:#000;    font-size: 16px;
    line-height: 25px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}}
.case ul li a{display:inline-block;margin: 3px auto 14px auto;
    padding: 7px 33px;border:1px solid #002245;border-radius:35px;background:#002245;color:#214c96;font-size:15px}
.case ul li a:hover{}
.product{overflow:hidden;padding-top:93px;text-align:center}
.product .productTop p{margin-bottom:29px;color:#333;font-size:30px}
.product .productTop span{color:#777;font-size:18px}
.product .productItem ul{display:flex;margin:50px auto;width:80%;justify-content:space-between;flex-wrap:wrap}
.product .productItem ul a{display:contents}
.product .productItem ul li{position:relative;overflow:hidden;margin-bottom:30px;width:24%;border:1px solid #d3d3d3}
.product .productItem ul li>a{display:flex;height:100%;justify-content:center;align-items:center}
.product .productItem ul li a .loaded{width:100%}
.product .productItem ul li .more{position:absolute;top:0;width:100%;height:100%;background:rgba(33,76,150,.3);opacity:0}
.product .productItem ul li:hover .more{opacity:1;transition:.4s}
.product .productItem ul li div .more{position:absolute;width:100%;height:100%}
.product .productItem ul li div .more p{position:absolute;top:50%;left:50%;width:100px;border:5px solid rgba(33,76,150,.8);border-radius:50%;background:#fff;color:#214c96;font-size:18px;line-height:100px;transform:translate3d(-50%,-50%,0)}
.product .productItem ul li div span{position:absolute;bottom:0;left:50%;overflow:hidden;width:100%;background-color:#214c96;color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:40px;transform:translateX(-50%)}
.product .statistics{padding:30px 0 58px 0;width:100%;background-color:#214c96}
.product .statistics>div{display:inline-block;width:18px;height:18px;border-radius:50%;background-color:#002245;text-align:center}
.product .statistics ul{display:flex;margin:24px auto 0 auto;width:70%;justify-content:space-around}
.product .statistics ul li span{display:inline-block;margin-bottom:33px;color:#fff;font-weight:900;font-size:40px}
.product .statistics ul li p{color:#FFF;font-size:20px}
.strength{padding:92px 0 100px 0;background-color:#fafafa;text-align:center}
.strength .ourStrength p{margin-bottom:29px;color:#333;font-size:30px}
.strength .ourStrength span{color:#777;font-size:18px}
.strengthItem{margin:0 auto;margin-top:49px;width:80%}
.strengthItem ul{display:flex;justify-content:space-between}
.strengthItem ul li{}

.strengthItem ul li .text{text-align: left;}
.strengthItem ul li .text img{margin-top:50px}
.strengthItem ul li .text p{color: #333;
    font-size: 30px;
    font-weight: 600;
    padding: 20px 0;}
.strengthItem ul li .text span{display:-webkit-inline-box;overflow:hidden;margin-bottom:50px;width:100%;color:#000;font-size:20px;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.latestNews{margin:90px auto;width:80%}
.latestNews .latestNewsTitle{text-align:center}
.latestNews .latestNewsTitle .yellow{margin-bottom:29px;color:#333;font-size:30px}
.latestNews .latestNewsTitle .blue{color:#777;font-size:18px}
.latestNews .latestNewsList ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.latestNews .latestNewsList ul a{display:contents}
.latestNews .latestNewsList ul li{display:flex;margin-top:50px;width:30%;box-shadow:0 0 2px #bababa;justify-content:space-between}
.latestNews .latestNewsList ul li:hover{box-shadow:0 0 9px #bababa;transition:.5s;transform:translateY(-5px)}
.latestNews .latestNewsList ul li .latestNewsListT{display:flex;padding:20px;width:14%;background-color:#6289cd;align-items:center;justify-content:center;flex-wrap:wrap}
.latestNews .latestNewsList ul li .latestNewsListT p{color:#FEFEFE;font-size:28px}
.latestNews .latestNewsList ul li .latestNewsListT div{display:inline-block;width:90%;height:1px;background-color:#FFF}
.latestNews .latestNewsList ul li .latestNewsListT span{color:#FEFEFE;font-size:13px}
.latestNews .latestNewsList ul li .latestNewsListB{padding:20px;width:70%;background-color:#FFF}
.latestNews .latestNewsList ul li .latestNewsListB p{display:-webkit-box;overflow:hidden;margin-bottom:10px;max-height:1.5em;font-size:18px;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.latestNews .latestNewsList ul li .latestNewsListB span{display:-webkit-box;overflow:hidden;color:#666;font-size:14px;line-height:170%;-webkit-box-orient:vertical;-webkit-line-clamp:2}
footer{padding:30px 0px 0px;background:url(../footer.png) no-repeat center;background-size:cover}
footer .footerTop{display:flex;margin:0 auto;width:82%;justify-content:space-between}
footer .footerTop>div{width:20%}
footer .footerLeft div p{margin-bottom:18px;color:#FEFEFE;font-size:22px}
footer .footerLeft>div>div{width:100%;border:1px solid #002245}
footer .footerTop .footerLeft ul{margin-top:10px}
footer .footerTop .footerLeft .footerLeftT li{display:flex;margin-bottom:15px;color:#FFF;font-size:14px;line-height:21px;align-items:center}
footer .footerTop .footerLeft .footerLeftT li span,footer .footerTop .footerLeft .footerLeftT li span a{color:#FFF}
footer .footerTop .footerLeft ul:nth-child(3){display:flex}
footer .footerTop .footerLeft ul:nth-child(3) li{box-sizing:border-box;width:40px;height:40px;border:1px solid rgba(255,255,255,0);border-radius:50%}
footer .footerTop .footerLeft ul:nth-child(3) li:hover{box-sizing:border-box;border:1px solid #FFF;transition:.5s}
footer .footerTop .footerLeft ul:nth-child(3) li a{display:flex;width:100%;height:100%;justify-content:center;align-items:center}
footer .footerTop .footerLeft ul:nth-child(3) li a i{color:#FFF;font-size:18px;}
footer .footerLeftT li img{margin-right:12px}
footer .footerCenter .footerTitle p{margin-bottom:18px;color:#FEFEFE;font-size:22px;text-transform:uppercase}
footer .footerCenter .footerTitle div{margin-bottom:10px;width:100%;height:2px;background-color:#002245}
footer .footerCenter .fnav li:hover a{color:#002245}
footer .footerCenter .fnav li a{color:#FFF;font-size:14px;line-height:170%}
footer .footerCenter .center{color:#FFF;font-size:14px;line-height:27px}
footer .footerCenter .center p{margin-left:10px;color:#002245}
footer .footerCenter .center ul{display:flex;margin-top:63px;width:150px;justify-content:space-between}
footer .footerRight .footerTitle p{margin-bottom:18px;color:#FEFEFE;font-size:22px}
footer .footerRight .footerTitle div{margin-bottom:15px;height:2px;border-left:128px solid #002245;background-color:#2759ae}
footer .footerRight .center{margin-bottom:47px;color:#FFF;font-size:14px;line-height:21px}
footer .footerRight span a{display:inline-block;padding:15px 25px;border:1px solid #002245;border-radius:29px;background-color:#002245;color:#083584;font-size:14px}
footer .footerRight span a:hover{border:1px solid #083584;background-color:#FFF;transition:.5s}
footer .footerBottom{padding:15px 0px;font-size:12px;color:#FEFEFE;width:100%;background-color:#083584;text-align:center;margin-top:10px}
footer .footerBottom a{margin-left:10px;color:#FEFEFE;font-size:12px}
.aboutList{overflow:hidden;margin:40px auto;width:80%}
.aboutContent{display:flex;margin-top:61px;margin-bottom:200px;width:100%;justify-content:center;flex-wrap:wrap}
.aboutContent ul{display:flex;margin-top:20px;width:100%;justify-content:space-between;flex-wrap:wrap}
.aboutContent ul .liImg{width:50%}
.aboutContent ul .liImg img{}
.aboutContent ul .liText{display:flex;width:50%;align-items:center}
.aboutContent ul .liText>div{width:100%}
.aboutContent ul .liText p{position:relative;display:-webkit-box;overflow:hidden;margin-bottom:45px;color:#214c96;font-size:25px;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.aboutContent ul .liText p::before{position:absolute;bottom:-20px;left:0;width:31px;height:2px;background:#b7b7b7;content:''}
.aboutContent ul .liText>div>div{display:-webkit-box;overflow:hidden;width:100%;color:#242424;font-size:14px;line-height:21px;opacity:.71;-webkit-box-orient:vertical;-webkit-line-clamp:7}
.productBanner{position:relative;width:100%;height:100%;text-align:center;line-height:0;min-height:300px;background:#214c96}
.productBanner img{width:100%}
.productBannerTitle{display:block;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.productBannerTitle .breadcrumbs-nav, .productBannerTitle .breadcrumbs-nav a {font-size:12px;color:#FFF;text-transform:capitalize}
.productBannerTitle span:first-child{color:#FFF;font-size:14px}
.productBannerTitle h1, .productBannerTitle h2 {color:#FFF;font-size:32px}
.productBannerTitle span:nth-child(2){color:#FFF;text-transform:capitalize}
.productBannerTitle a{color:#FFF}
.productBannerTitle .bPosition{display:inline-block}
.productMain{display:flex;overflow:hidden;margin:0 auto;padding-top:40px;width:85%}
.productSide{margin-right:60px;width:340px}
.productList{flex:1}
.productSide .productSideTop{margin-bottom:42px}
.productSide .productSideTop .sf-menu .menu-item{position:relative;padding-left:10px;border-bottom:1px solid #d3d3d3}
.productSide .productSideTop .sub-menu{display:none;padding:0 10px}
.productSide .productSideTop .sub-menu li:hover a{color:#002245}
.productSide .productSideTop .sf-menu .menu-item i{position:absolute;top:10px;right:20px;font-size:14px;color:#333}
@media(min-width:1025px){.productSide .productSideTop .sf-menu .menu-item:hover i{color:#002245;transition:.3s;transform:rotate(90deg)}
.productSide .productSideTop .sf-menu .menu-item:hover .sub-menu{display:block}
.productSide .productSideTop .sf-menu .menu-item:hover>a{color:#002245!important}}
.productSide .productSideTop .sf-menu .menu-item a{color:#333;font-size:16px;line-height:40px}
.is-active{color:#002245!important}
.productSide .productSideTop .TitleName{padding:10px;background:#214c96;color:#FFF;font-size:18px}
.productSide .productSideTop .productSideTopContent>div{position:relative;padding:0 70px 0 29px;border-bottom:1px solid #d3d3d3;color:#333;font-size:16px;line-height:43px}
.productSide .productSideTop .productSideTopContent>div:nth-child(4){border:none}
.productSide .productSideTop .productSideTopContent>div .Triangle{position:absolute;top:16px;right:20px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #333}
.productSide .productSideTop .productSideTopContent>div:nth-child(2):hover .Triangle,.productSide .productSideTop .productSideTopContent>div:nth-child(3):hover .Triangle{position:absolute;top:16px;right:20px;width:0;height:0;border-top:6px solid #002245;border-right:6px solid transparent;border-left:6px solid transparent}
.productSide .productSideTop .productSideTopContent>div>ul{display:none;color:#333;font-size:16px;line-height:43px}
.productSide .productSideTop .productSideTopContent>div>ul li{margin-left:20px}
.productSide .productSideTop .productSideTopContent>div>ul>li>a:hover{color:#002245}
.productSide .productSideTop .productSideTopContent>div:hover>ul{display:block}
.productSide .productSideTop .productSideTopContent>div:hover>a{color:#002245}
#productSideTopContent111 .productSideTopContentdiv1>a{color:#002245}
#productSideTopContent111 .productSideTopContentul1{display:block}
#productSideTopContent111 .productSideTopContentul1 li:nth-child(2) a{color:#002245}
#productSideTopContent111 .productSideTopContentdiv1 .Triangle{position:absolute;top:16px;right:20px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #002245}
.productSideCenter .TitleName{margin-bottom:20px;padding:10px;background:#214c96;color:#FFF;font-size:18px}
.productSideCenter ul li{display:flex;margin-bottom:20px;width:100%;justify-content:space-between}
.productSideCenter ul li .img{position:relative;display:flex;overflow:hidden;width:40%;height:100px;border:1px solid #e5e5e5;justify-content:center;align-items:center}
.productSideCenter ul li .img a{height:100%}
.productSideCenter ul li .img img{max-width:100%;max-height:100%}
.productSideCenter ul li .text{width:50%}
.productSideCenter ul li .text p{overflow:hidden;margin-bottom:8px;max-height:5em;color:#333;font-size:14px}
.productSideCenter ul li .text span{color:grey;line-height:16px;opacity:.71;ont-size:16px;display:none}
.productSideCenter ul li:hover .text p{color:#002245;transition:.5s}
.productSideCenter ul li:hover img{transition:.5s;transform:scale(1.2)}
.productSideBottom .TitleName{margin-bottom:20px;padding:5px 0 5px 28px;background:#214c96;color:#FFF;font-size:21px}
.productSideBottom ul li{position:relative;margin-bottom:30px;margin-left:25px}
.productSideBottom ul li span{position:absolute;left:40px}
.productSideBottom ul li span,.productSideBottom ul li span a{overflow:hidden;max-height:3em;color:#333!important;font-size:14px;line-height:21px}
.Pagination{margin:0 auto;margin-top:40px;margin-bottom:100px;width:50%}
.Pagination ul{display:flex;justify-content:space-between}
.Pagination ul li{padding:15px 10px;border:1px solid #d9d9d9;color:#626262}
.Pagination ul a{display:block;padding:15px 27px;border:1px solid #d9d9d9}
.Pagination ul a:hover{background:#214c96;color:#FFF}
.Pagination ul .ablue{background:#214c96;color:#FFF}
.Pagination ul .li1-3{border:none;color:#1b1b1b}
.Feedback{margin:0 auto;padding-top:50px;width:80%}
.Feedback .page-box .container>p{color:#242424;font-size:20px;line-height:30px}
.inquiry-pro-list{margin:30px 0;padding:40px;border:1px solid #b7b7b7}
.inquiry-pro-item{display:flex;padding:20px 30px;border-bottom:1px solid #b7b7b7;justify-content:space-between}
.inquiry-pro-item:last-child{border:none}
.inquiry-pro-item .pro-item-img{display:flex;align-items:center}
.inquiry-pro-item .pro-item-img img{width:120px;height:120px}
.inquiry-pro-item .pro-item-name{display:flex;width:40%;align-items:center;flex-wrap:wrap}
.pro-item-del{display:flex;width:50px;cursor:pointer;align-items:center}
.pro-item-del .icon-icon_close{color:#214c96}
.icon-gouwuche:before{content:"\e682"}
.page-r{max-width:100vw}
.page-r .page-tit{text-align:left}
.products-ninelist-1{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;margin-bottom:40px;flex-wrap:wrap}
.products-ninelist-1 li{margin:0 30px 30px 0;width:calc(33% - 20px)}
.products-ninelist-1 li:nth-child(3n){margin-right:0}
.products-ninelist-1 li .products-list-img{position:relative;overflow:hidden;border:1px solid #eaeaea}
.products-list-img a{display:flex;width:100%;justify-content:center}
.products-list-img .loaded{width:100%;max-height:400px}
.products-ninelist-1 li .products-list-img .products-list-name{position:absolute;bottom:20px;left:50%;display:-webkit-box;overflow:hidden;width:100%;color:#214c96;text-align:center;font-size:20px;transform:translateX(-50%);-webkit-box-orient:vertical;-webkit-line-clamp:1}
.products-ninelist-1 .products-item-name{display:flex;margin:10px 0;color:#333;font-size:15px;line-height:1.3;flex-wrap:wrap}
.products-ninelist-1 .products-item-name .products-list-content{overflow:hidden;max-height:3em;display:none}
.products-ninelist-1 .products-item-name .products-list-name span{font-size:14px;font-weight:600}
.products-item-bref{display:block;display:-webkit-box;overflow:hidden;margin:10px 0 20px;max-height:42px;color:#666;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.products-add-inquirl{display:flex;width:31px;height:31px;border:1px solid #214c96;border-radius:50%;color:#214c96;cursor:pointer;align-items:center;justify-content:center}
.products-ninelist-1 li:hover .products-list-img{box-shadow:0 0 5px #CCC;transition:.5s}
.products-ninelist-1 li:hover .products-list-img img{transition:.5s;transform:scale(1.1)}
.pro-item-checked .products-item-name,.products-ninelist-1 li:hover .products-item-name{color:#214c96}
.pro-item-checked .products-add-inquirl{background-color:#214c96;color:#FFF}
.products-ninelist-1 li .products-list-box{display:flex;justify-content:space-between}
.products-ninelist-1 li .products-item-name{width:calc(100% - 38px)}
.products-ninelist-1 li .products-item-name .products-list-name{overflow:hidden;max-height:2em;line-height:45px}
.products-ninelist-1 li .products-add-inquirl{margin:14px 0}
.products-ninelist-0>li{display:flex;overflow:hidden;margin-bottom:30px;border:1px solid #EFEFEF;transition:all .3s ease-in-out;flex-wrap:wrap;align-items:center;justify-content:space-between}
.products-ninelist-0>li .products-list-img{overflow:hidden;width:25%}
.products-ninelist-0>li .products-list-img img{height:100%;object-fit:cover}
.products-ninelist-0>li .products-list-box{padding:10px 3%;width:65%}
.products-ninelist-0>li .products-item-name{display:block;margin:0;margin-bottom:20px;font-size:18px}
.products-ninelist-0>li .products-item-name .products-list-name{overflow:hidden;max-height:2em}
.products-ninelist-0>li .products-list-box .products-item-text{overflow:hidden;margin-bottom:20px;max-height:3.5em}
.products-ninelist-0>li .products-item-name .products-list-name{overflow:hidden;margin-bottom:20px;max-height:2em;font-size:22px}
.products-ninelist-0>li .products-item-name .products-list-content{overflow:hidden;margin-bottom:32px;font-size:14px;opacity:.71;max-height:3.4em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.products-ninelist-0{margin-bottom:70px}
.products-ninelist-0>li:hover{box-shadow:0 3px 10px 0 #EEE;transform:translateY(-6px)}
.products-ninelist-0>li:hover .products-item-name{color:#214c96}
.pageing{display:flex;margin-bottom:40px;text-align:center;line-height:130%;justify-content:center;align-items:baseline;flex-wrap:wrap}
.pageing a,.pageing span{display:inline-block;margin-right:20px;margin-bottom:10px;padding:10px 5px;border:1px solid #d9d9d9;font-size:14px;width:40px}
.pageing{color:#888585;font-size:14px}
.pageing .ctxt{background-color:#214c96;color:#FFF;width:40px}
.pageing a:hover{background-color:#214c96;color:#FFF;transition:.5s}
.procateword{padding:0 10px;background:#fcfcfc;font-size:14px;line-height:1.6}
.protype-text{padding-top:4px}
.keywords.proCateTags a{display:inline-block;margin:6px 8px 6px 0;padding:2px 14px 4px;border-radius:20px;background:#214c96;color:#FFF;font-size:12px;transition:all .2s ease-in-out}
.keywords.proCateTags a:hover{background-color:#f6b22a}
.tips{position:fixed;top:20%;left:50%;margin:-32px 0 0 -120px;padding:10px;width:300px;border-radius:6px;background:orange;color:#FFF;font-size:14px;line-height:1.6}
.details{flex:1}
.detailsTop{display:flex;justify-content:space-between}
.singglepic{overflow:hidden}
.singglepic:hover img{transition:.5s;transform:scale(1.2)}
.preview-container{position:relative;padding-bottom:1px;width:450px;background:#FFF}
.preview-container .small-box{position:relative;display:flex !important;overflow:hidden;box-sizing:border-box;width:450px;height:450px;border:1px solid #EEE;background-color:#FFF;cursor:move;justify-content:center;align-items:center}
.preview-container .small-box img{width:100%;max-width:100%;max-height:100%}
.preview-container .small-box .hover{position:absolute;display:none;width:180px;height:180px;border:1px solid #EEE;background-color:hsla(0,0%,80%,.6)}
.preview-container .thumbnail-box{position:relative;box-sizing:border-box;margin:20px 0;width:100%;background:#FFF}
.preview-container .thumbnail-box .list{position:relative;margin:0 auto;width:390px}
.preview-container .thumbnail-box .list ul{display:flex;padding:2px 0;width:100000px}
.preview-container .thumbnail-box .list ul .item{display:flex;overflow:hidden;box-sizing:border-box;margin:0 10px;width:58px;height:58px;border:1px solid #CCC;justify-content:center;align-items:center}
.preview-container .thumbnail-box .list ul .item:hover{cursor:pointer}
.preview-container .thumbnail-box .list ul .item img{display:block;max-width:100%;max-height:100%}
.preview-container .thumbnail-box .list ul .item-cur{outline:2px solid #0078d7;border:none}
.preview-container .thumbnail-box .list .banner-page{position:absolute;right:1.3333333333vw;bottom:1.3333333333vw;z-index:999;display:none;width:13.3333333333vw;height:6.6666666667vw;border-radius:5.3333333333vw;background:rgba(0,0,0,.8);justify-content:center;align-items:center}
.preview-container .thumbnail-box .list .banner-page span{color:#FFF;font-size:4vw}
.preview-container .thumbnail-box .btn{position:absolute;top:50%;margin-top:-10px;width:22px;height:32px}
.preview-container .thumbnail-box .btn-prev{left:0;background:url(../btn_prev.png) no-repeat;background-position:10px 0;background-size:10px}
.preview-container .thumbnail-box .btn-next{right:0;background:url(../btn_next.png) no-repeat;background-size:10px}
.preview-container .thumbnail-box .btn_prev_disabled{background:url(../btn_prev_disabled.png) no-repeat;background-position:10px 0;background-size:10px;cursor:not-allowed}
.preview-container .thumbnail-box .btn_next_disabled{background:url(../btn_next_disabled.png) no-repeat;background-size:10px;cursor:not-allowed}
.preview-container .big-box{position:absolute;top:0;left:449px;z-index:20;display:none;overflow:hidden;box-sizing:border-box;width:550px;height:553.5px;border:1px solid #EEE;background:#FFF}
.preview-container .big-box img{display:block;width:130%;max-width:none;max-height:none}
.preview-container #media{background:#eee;}
.preview-container #media{position:absolute;top:0;left:0;z-index:2;width:450px;height:450px;}
.vPlay {position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,.6) url(../vPlay.png) no-repeat center;background-size:26px;z-index:10;cursor:pointer;user-select:none;width:40px;height:40px;border-radius:50%;}
.detailsTopRight{margin-left:60px;flex:1}
.detailsTopRighttext h1{color:#242424;font-size:24px}
.detailsTopRighttext p{margin-top:30px;margin-bottom:27px;color:#242424;font-size:16px;line-height:170%;opacity:.71}
.detailsTopRightF ul{display:flex}
.detailsTopRightF ul li{margin-right:8px}
.detailsTopRightyun{margin-top:70px}
.detailsTopRightyun ul{display:flex}
.detailsTopRightyun ul li{margin-right:25px;cursor:pointer}
.detailsTopRightyun ul li a span{text-transform:capitalize;padding:15px 25px;border:1px solid #214c96;color:#214c96;font-size:18px;line-height:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.detailsTopRightyun ul li a span img{margin-left:20px;width:15px}
.detailsTopRightyun ul li:nth-child(2) a span img{margin-left:38px}
.detailsTopRightyun ul li a span:hover{box-shadow:1px 1px 3px #bbb}
.detailsTable{margin-top:100px}
.detailsTable .detailsTableTop{border-bottom:1px solid #e5e5e5}
.detailsTable .detailsTableTop ul{display:flex;}
.detailsTable .detailsTableTop ul li{padding:0 0px 26px;border-bottom:2px solid #214c96;color:#242424;font-size:22px;font-weight:600;opacity:.8}
.yellow-bt{border-bottom:2px solid #002245}
.detailsTableContent img{max-width:770px;height:100%!important;    width: 100%;}
.table-responsive{margin:20 px 0}
.detailsTableContent .table-responsive .table{overflow-x:auto}
.detailsTableContentT{margin-top:40px;color:#666;font-size:22px;line-height:40px}
.detailsTableTurnPage{display:flex;margin-top:59px;margin-bottom:86px;justify-content:space-between}
.detailsTableTurnPage div{display:flex;width:50%;height:59px;background:#e5e5e5;color:#242424;font-size:16px;align-items:center;justify-content:space-around}
.detailsTableTurnPage .zuo{display:flex;justify-content:space-around}
.detailsTableTurnPage .zuo span:nth-child(2){width:80%}
.detailsTableTurnPage .you{display:flex;justify-content:space-around}
.detailsTableTurnPage .you span:nth-child(1){width:80%}
.detailsTableTurnPage div span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.detailsTableTurnPage div:hover{box-sizing:border-box;border:1px solid #214c96;background:0 0;color:#214c96}
.detailsTableTurnPage div:hover span a{color:#214c96}
.magnifierPhone{display:none;margin:0 auto 40px;width:700px}
.magnifierPhone img{width:700px;width:700px}
.swiper-pagination{--swiper-pagination-color:#214C96}
.inquiry-form{display:flex;width:100%;flex-wrap:wrap}
.inquiry-form>input{bottom:20px;margin-top:10px;width:100%;height:50px;outline:0;border:1px solid #e5e5e5}
.inquiry-form>textarea{outline:0;resize:none}
.inquiry-form #in-content{margin-top:10px!important;width:100%!important;height:80px!important;border:1px solid #e5e5e5}
.inquiry-form p{margin-top:20px}
.input-error{border:1px solid red!important}
.send-btn{color:#FFF;text-align:center}
.send-btn .span:nth-child(1){display:inline-block;margin-top:30px;margin-bottom:60px;padding:10px 60px;background-color:#214c96;cursor:pointer}
.productMainContact .send-btn{text-align:left}
.detailsSort h1{display:inline-block;margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid #214c96;color:#242424;font-size:24px}
.product-sort-bottom{margin-bottom:40px;padding:15px;border:1px solid #EEE}
.product-sort-bottom div{margin-bottom:5px;color:#242424;font-size:16px;line-height:130%;}
.product-sort-bottom a{font-size:16px;}
.productSide .newsViewd .TitleName{margin-bottom:20px;padding:5px 0 5px 28px;background:#214c96;color:#FFF;font-size:21px}
.productSide .newsViewd ul li{margin-bottom:22px}
.productSide .newsViewd ul li:hover p{color:#002245;transition:.5s}
.newsViewd ul li>img{width:100%}
.NewsTopHotList div{display:flex;overflow:hidden;width:100%;height:140px;justify-content:center;align-items:center}
.NewsTopHotList div>img{max-width:100%}
.NewsTopHotList li:hover div>img{transition:.5s;transform:scale(1.1)}
.productSide .newsViewd ul li p{overflow:hidden;margin:5px 10px;max-height:3em;color:#333;font-size:14px;line-height:20px}
.productSide .newsViewd ul li span{color:#242424;font-size:12px;opacity:.71;display:flex;align-items:center}
.productSide .newsViewd ul li span img{margin-right:10px;margin-left:10px;width:15px}
.productMain .newsList{width:100%}
.productMain .newsList .content-list0{width:100%}
.productMain .newsList .content-list0 li{display:flex;overflow:hidden;margin-bottom:40px;padding:15px;width:100%;min-height:150px;border:1px solid #EEE}
.productMain .newsList .content-list0 li>a{display:flex}
.productMain .newsList .content-list0 li .newsItem{margin-left:45px}
.productMain .newsList .content-list0 li .newsListDiv1 p{display:-webkit-box;overflow:hidden;margin-top:10px;margin-bottom:20px;max-height:1.5em;color:#242424;font-size:18px;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.productMain .newsList .content-list0 li .newsListDiv1 span{color:#242424;font-size:14px;opacity:.71}
.productMain .newsList .content-list0 li .newsListDiv1 span img{margin-right:10px}
.productMain .newsList .content-list0 .newsListText{margin-top:20px}
.productMain .newsList .content-list0 .newsListText p{display:-webkit-box;overflow:hidden;margin-top:5px;max-height:3em;color:#242424;font-size:16px;line-height:22px;opacity:.71;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.productMain .newsList .content-list0 li:hover{box-shadow:0 0 10px #EEE;transition:.5s;transform:translateY(-5px)}
.newsDetail{overflow:hidden;width:100%}
.newsDetail .newsArticle .newsArticleTop h1{color:#242424;font-size:24px}
.newsDetail .newsArticle .newsArticleTop{text-align:center}
.newsDetail .newsArticle .newsArticleTopDiv{display:flex;justify-content:center}
.newsDetail .newsArticle .newsArticleTopDiv span{color:#242424;font-size:12px;opacity:.71;display:flex;align-items:center}
.newsDetail .newsArticle .newsArticleTopDiv span img{margin-right:10px;width:15px}
.newsDetail .newsArticle .newsArticleText img{width:100%;max-width:100%}
.newsDetail .newsArticle .newsArticleText{padding-top:30px}
.share-btn-list{margin-top:30px}
.newsDetail .newsArticle .newsArticleF ul{display:flex;margin-top:38px}
.newsDetail .newsArticle .newsArticleF ul li{margin-right:8px}
.newsDetail .newsArticle .newsArticleTurnPage{margin-top:93px;margin-bottom:86px;width:100%}
.newsDetail .newsArticle .newsArticleTurnPage ul{display:flex;width:100%;justify-content:space-between}
.newsDetail .newsArticle .newsArticleTurnPage ul li{display:flex;width:50%;border:1px solid #e5e5e5;background:#e5e5e5;justify-content:center;align-items:center}
.newsDetail .newsArticle .newsArticleTurnPage ul li a{color:#242424;font-size:18px;line-height:76px}
.newsDetail .newsArticle .newsArticleTurnPage ul li:hover{border:1px solid #214c96;background-color:#FFF}
.newsDetail .newsArticle .newsArticleTurnPage ul li:hover a{color:#214c96}
.newsArticleTablename{color:#242424;font-size:22px}
.newsArticleTable .newsArticleTableLi ul{width:100%}
.newsArticleTable .newsArticleTableLi ul li p{margin-top:20px;margin-bottom:10px;color:#9c9c9c;font-size:16px}
.newsArticleTable .newsArticleTableLi ul li input{padding-left:20px;width:100%;height:35px;outline:0;border:1px solid #e5e5e5;font-size:20px}
.newsArticleTable .newsArticleTableLi ul li:nth-child(4) input{height:70px}
.newsArticleTableSubmit{margin:52px auto 100px;text-align:center}
.newsArticleTableSubmit a{padding:18px 44px;width:220px;background:#214c96;color:#FFF;font-size:18px}
.newsJgg{display:flex;justify-content:space-between;flex-wrap:wrap}
.newsJgg li{margin-bottom:34px;width:32%}
.newsJgg li .newsJggimg{overflow:hidden;margin-right:40px;min-width:200px}
.content-list0 li .newsJggimg img{width:200px}
.newsJgg li:hover .newsJggimg img{transition:.5s;transform:scale(1.1)}
.newsJgg li .newsJggitem .newsJggT{display:flex;margin-top:15px;align-items:center}
.newsJgg li .newsJggitem .newsJggT img{margin-right:10px;width:15px}
.newsJgg li .newsJggitem .newsJggT span{color:#242424;font-size:12px;opacity:.71}
.newsJgg li:hover .newsJggitem .newsJggB p,.newsJgg li:hover .newsJggitem .newsJggB span{color:#002245;transition:.5s}
.newsJgg li .newsJggitem .newsJggB p{overflow:hidden;margin-bottom:13px;max-height:2em;color:#242424;font-size:14px;font-weight:600;margin-top:10px}
.newsJgg li .newsJggitem .newsJggB span{display:-webkit-box;overflow:hidden;max-height:2em;color:#242424;font-size:14px;opacity:.71;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.content-list1 li .newsJggitem .newsJggB span{display:none}
.content-list1 li .newsJggimg{overflow:hidden;width:100%}
.content-list1 li .newsJggimg img{width:100%;height:100%}
.downloadViewd{margin-bottom:70px}
.downloadViewd .TitleName{margin-bottom:20px;padding:17px 252px 17px 28px;background:#214c96;color:#FFF;font-size:22px}
.downloadViewd .TitleName:hover{background:#002245;color:#214c96;transition:.5s}
.documentlist{width:100%}
.documentlist .download-list{display:flex;width:100%;justify-content:space-between;flex-wrap:wrap}
.documentlist .download-list li{width:30%}
.documentlist .download-list li .download-img{overflow:hidden;width:100%;height:80%;border:1px solid #e5e5e5;box-sizing:border-box}
.documentlist .download-list li .download-img img{width:100%;max-width:100%}
.documentlist .download-list li .download-btn{display:block;padding:10px;border:1px solid #e5e5e5;color:#242424;font-size:14px;border-top:none}
.download-info{display:none}
.documentlist .download-list li .download-info p{overflow:hidden;padding-left:20px;max-height:2em;color:#242424;font-size:22px}
.documentlist .download-list li:hover .download-btn{color:#214c96;transition:.5s}
.documentlist .download-list li:hover .download-img img{transition:.5s;transform:scale(1.1)}
.project-list li{margin-bottom:20px;padding:5px 10px;border:1px solid #e5e5e5}
.project-list li .project-info p{position:relative;color:#242424;font-size:16px;line-height:40px;font-weight:600}
.project-list li .project-info p img{position:absolute;top:10px;right:10px;cursor:pointer;width:20px}
.project-list li .project-info div{display:none;margin-top:10px;color:#242424;font-size:14px;opacity:.71}
.productMainContact{display:flex;margin:0 auto;margin-bottom:100px;padding-top:60px;width:85%;justify-content:space-between}
.contactRight{width:56%}
.contactRight ul{display:flex;margin-top:94px;justify-content:space-around}
.contactRight ul li{position:relative}
.contactRight ul li::after{position:absolute;top:-47px;left:-20px;width:1px;height:148px;background-color:#e5e5e5;content:''}
.contactRight ul li:nth-child(1){width:15%}
.contactRight ul li:nth-child(2){width:28%}
.contactRight ul li:nth-child(3){width:20%}
.contactRight ul li div{display:flex;align-items:center}
.contactRight ul li div span{margin-right:10px;color:#242424;font-size:20px}
.contactRight ul li p{margin-top:20px;color:#242424;font-size:14px;line-height:21px;opacity:.71}
.contactLeft{width:40%}
.contactLeft .newsArticleTable .newsArticleTablename{color:#242424;font-size:24px;line-height:76px}
.contactLeft .newsArticleTable .newsArticleTablespan{color:#242424;font-size:14px;line-height:21px;opacity:.71}
.contactLeft .newsArticleTable .newsArticleTableLi{margin-top:60px}
.contactLeft .newsArticleTable .newsArticleTableLi ul li p{margin-bottom:10px;color:#9c9c9c;font-size:16px}
.contactLeft .newsArticleTable .newsArticleTableLi ul li p span{color:red}
.contactLeft .newsArticleTable .newsArticleTableLi ul li input{margin-bottom:20px;padding-left:20px;width:100%;height:35px;outline:0;border:1px solid #e5e5e5;background:#f3f7fb;font-size:20px}
.contactLeft .newsArticleTable .newsArticleTableLi ul li:nth-child(4) input{height:70px}
.contactLeft .newsArticleTableSubmit{margin:52px auto 100px}
.contactLeft .newsArticleTableSubmit a{padding:21px 44px;width:220px;background:#214c96;color:#FFF;font-size:18px}
.footerPhone{width:100%;position:fixed;bottom:-3rem;visibility:hidden;background:#214c96;opacity:0}
.footerPhone ul{display:flex;padding:30px 100px;justify-content:space-around;align-items:center}
.footerPhone ul li .iconfont{color:#FFF;font-size:30px}
.details-phone-list{overflow:hidden;margin-bottom:40px;padding:0 20px;display:none}
.details-phone-list>p{color:#242424;font-size:22px}
.details-phone-list ul{display:none;margin-top:30px}
.details-phone-list ul li{box-sizing:border-box;padding:0 10px}
.details-phone-list ul li>div{text-align:center}
.details-phone-list ul li .phonelistImg a img{max-width:100%}
.details-phone-list ul li>div p{overflow:hidden;max-height:2em;font-size:18px}
.details-phone-list ul li>div span{display:block;overflow:hidden;max-height:3em;font-size:14px}
@media screen and (max-width:1500px){
.productMain{width:95%}
.downloadList ul li div{height:60%}
.productSide{margin-right:20px}
.productMain .newsList .content-list0{width:90%!important}
.productMain .newsList .content-list0 li .newsItem{margin-left:30px}
.detailsTable .detailsTableTop ul li{padding:0 0 26px}
.newsArticleTable .newsArticleTableLi ul li input{width:95%}
.header nav{justify-content:flex-end;padding-right:100px;box-sizing:border-box;}
.header nav .navNav{margin-left:30%}
.latestNews .latestNewsList ul li .latestNewsListT{width:20%}
.latestNews .latestNewsList ul li .latestNewsListT span{font-size:12px}
.header .logo{left:100px;}
.header nav .navNav{width:65%;}}
@media screen and (max-width:1366px){
.header nav .navNav{margin-left:30%}
.header .header-top .mailclock{margin-left:30%}
.header .logo{left:40px}
.introduction .hello img{width:1100px}
.productMain{width:100%}
.productList .productListItem .productListitem ul li .top img{width:200px}
.product .productItem ul li div .more span{font-size:16px;line-height:35px}
.header .logo{margin-left:10px}
.latestNews .latestNewsList ul li .latestNewsListT{width:22%}
.latestNews .latestNewsList ul li .latestNewsListT span{font-size:12px}
.header nav{padding-right:50px;}}
.header nav div .nav>li a{font-size:16px;}
@media screen and (max-width:1024px){
header .logo{left:-32px!important}
header nav div .nav>li a{padding:0 5px!important;font-size:14px !important;}
.header nav .navNav{margin-left:27%}
.header nav .navNav .nav>li i{right:0px;display:flex;width:30px;justify-content:center;align-items:center}
.introduction .welcome{width:60%}
.search #txtSearch{width:200px}
.introduction .hello img{width:100%}
.product .productItem ul li div span{line-height:30px}
.case ul li a{margin:30px auto}
.case ul li p{margin-top:20px;font-size:22px}
.case ul li span{margin-top:10px;font-size:13px}
.latestNews{width:90%}
.latestNews .latestNewsList ul li .latestNewsListT span{font-size:12px}
.strengthItem{width:90%}
.strengthItem ul li{width:32%}
.strengthItem ul li .text span{font-size:14px}
.strengthItem ul li .text p{font-size:18px}
.strengthItem ul li .text p,footer .footerCenter .footerTitle p,footer .footerRight .footerTitle p{font-size:20px!important}
footer .footerRight .footerTitle div{width:60%}
.productSide{margin-right:20px;width:300px}
.contactRight ul{margin-top:60px!important;margin-left:10px;flex-wrap:wrap}
.contactRight ul li{margin-bottom:40px!important;width:100%!important}
.contactRight ul li::after{top:-7px;left:-10px;height:90px}
.productMainContact{display:block}
.productMainContact .contactRight{width:100%}
.contactLeft{width:100%!important}
.contactLeft .newsArticleTable .newsArticleTableLi ul li input{width:95%}
.faq .faqBottom{margin-bottom:71px}
.downloadList ul li div{height:53%}
.productSideNews{display:none}
.detailsTop{flex-wrap:wrap}
.detailsTopRight{box-sizing:border-box;margin:0 auto;padding:0 30px;width:100%;flex:none}
.detailsTopRightyun ul li{margin-right:8px}
.detailsTopRightyun ul li a span{padding:15px 20px;font-size:14px}
#magnifier{width:300px}
.small-box{width:300px;height:300px}
.thumbnail-box .list .item img{width:50px;height:50px}
.thumbnail-box .list{width:250px}
.detailsTable .detailsTableTop ul li{font-size:14px}
.detailsTable .detailsTableTop ul li:hover{font-size:14px}
.big-box{left:310px;width:300px;height:300px}
.products-ninelist-1 li .products-list-img .products-list-name{font-size:16px}
.product .productItem ul li div .more p{top:45%;width:70px;line-height:70px}
.latestNews .latestNewsList ul li .latestNewsListT{width:30%}
.newsJgg{justify-content:space-around}
.newsJgg li{margin-bottom:34px;width:30%}
.productMain .newsList .content-list0{margin:0 auto;width:80%}}
@media screen and (max-width:768px){
.detailsTableContent img{    width: 100%;}
header{position:fixed}
body{padding-top:0}
.header nav{z-index:18;height:100%}
.header .navImg{top:22%;right:25px}
.header nav .navNav{position:absolute;z-index:25;display:none;margin-left:0;width:100%}
.header nav div .nav{position:fixed;display:block;overflow-y:scroll;margin-top:88px;width:100%;height:calc(100vh - 88px);background:#FFF}
.header nav .navNav .nav>li:nth-child(1){display:flex;align-items:center}
.header nav .navNav .nav>li{box-sizing:border-box;padding-left:25px;background:#FFF}
.header nav .navNav .nav>li a{height:50px;color:#333}
.header nav .navNav .nav>li i{position:absolute;top:10px;right:10px;color:#000;}
.header nav .navNav .nav>li{height:60px}
.header nav div .nav>li{border-bottom:1px solid #d8d8d8;font-size:24px}
.product .productItem ul li div span{line-height:40px}
.header nav .navNav .nav>li{position:relative;display:block;height:auto}
.header nav .navNav .nav>li .submenu,.header nav .navNav .nav>li:hover .submenu{position:static;display:none;margin-bottom:15px}
#liproducts .submenu{display:block;}
#liproducts i{transform:rotate(90deg);}
#liproducts i.active{transform:rotate(0);}
.header nav .navNav .nav>li i.active{transform:rotate(90deg);}
.header nav .navNav .nav>li .submenu li{padding-left:0;height:60px;background-color:#FFF}
.header nav .navNav .nav>li .submenu li a{color:#1e1e1e;font-size:20px;line-height:60px;opacity:.8}
.header nav div .nav .hover>a{color:#333}
.search{position:absolute;top:88px;z-index:-1;display:none!important;width:100%;height:200px;background:#FFF}
.search #txtSearch{position:static;display:none;margin-top:40px;margin-left:50px;width:650px;height:72px;border:1px solid #a6a6a6;border-radius:0;font-size:24px;transform:translateY()}
.header{height:88px!important}
.header-top{display:none!important}
.header .logo .rectangle{display:none}
.header .logo{top:30%;left:0!important;max-width:50%;}
.header .logo .logo1{position:static;}
.header .search #txtSearchClick{display:none}
.header nav .navImg{display:block!important}
.header nav div .nav>li{width:100%}
.banner{padding-top:88px!important}
.productBannerTitle span{font-size:12px}
.introduction .hello{width:90%}
.introduction .hello img{width:100%!important;height:58px!important}
.introduction .hello p{width:100%;font-size:18px}
.introduction .hello p::before{right:45px;width:80px!important}
.introduction .hello p::after{left:45px;width:80px!important}
.introduction .welcome{margin-top:67px;width:90%}
.introduction .welcome p{margin-bottom:29px}
.case .caseItem{width:100%}
.case ul li p{margin-top:30px;font-size:30px}
.case ul li span{margin:10px auto 0;width:80%;font-size:22px}
.case ul li a{margin:36px 0 71px;padding:24px 50px;border-radius:31px;font-size:20px}
.case ul{margin:10px 0;flex-wrap:wrap}
.case ul li{margin-bottom:10px;padding:24px 24px 0;width:100%}
.case .ourcase{margin-bottom:20px}
.case .ourcase p{margin-bottom:10px}
.case{padding:35px;padding-top:70px}
.product{padding-top:30px}
.product .productItem ul{box-sizing:border-box;margin:16px auto 0;padding:0 35px;width:100%;justify-content:space-between}
.product .productItem ul li{margin-bottom:26px;width:48%}
.product .productItem ul li div .more span{font-size:20px;line-height:50px}
.product .statistics ul{display:flex;width:80%;justify-content:space-around;flex-wrap:wrap}
.product .statistics ul li{margin-bottom:70px;width:50%!important}
.product .statistics ul li span{margin-bottom:23px;font-size:30px}
.product .statistics{padding-bottom:0!important}
.latestNews .latestNewsList ul li{margin-top:35px;width:100%}
.latestNews .latestNewsList ul li .latestNewsListT{padding:15px;width:10%}
.latestNews .latestNewsList ul li .latestNewsListB{padding:10px}
.strength{padding:140px 35px 0}
.strengthItem{width:100%}
.strengthItem ul{flex-wrap:wrap}
.strengthItem ul li{margin-bottom:35px;width:100%}
.strengthItem ul li .text img{margin-top:70px}
.strengthItem ul li .text span{margin-bottom:70px}
.strengthItem ul li .text p{margin-bottom:31px;font-size:36px!important}
.strengthItem ul li .text span{font-size:25px}
footer{padding:40px 0 70px 0!important}
footer .footerTop{width:90%;flex-wrap:wrap}
footer .footerTop>div{margin-bottom:30px;width:100%}
footer .footerTop .footerRight{display:none}
footer .footerCenter .footerTitle div{margin-bottom:20px;width:100%}
footer .footerCenter .fnav{display:flex;justify-content:space-between;flex-wrap:wrap}
footer .footerCenter .fnav li{width:50%}
footer .footerCenter .center ul{margin-top:43px;margin-bottom:70px}
footer .footerRight .footerTitle div{margin-bottom:20px;width:100%}
footer .footerBottom{padding:10px 0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
footer .footerBottom a{font-size:12px}
.aboutList{width:83%;padding-top: 20px;}
.aboutContent{margin-bottom:100px}
.aboutContent ul .liImg{margin-bottom:49px;width:100%}
.aboutContent ul .liText{margin-bottom:57px;width:100%}
.aboutContent ul:nth-child(2){flex-flow:column-reverse}
.productSide{display:none}
.productList .productListItem .productListitem ul{margin-right:20px;margin-left:20px;justify-content:space-around}
.productList .productListItem .productListitem ul li{width:46%}
.productList .productListItem .productListitem ul li .center span{font-size:24px;line-height:30px}
.productList .productListItem .productListitem ul li .center p{line-height:60px}
.productList .productListItem .productListitem ul li .bottom{line-height:40px}
.productList .productListItem .productListitem ul li .bottom img{width:12px;height:12px}
.productListItem .Pagination{width:84%}
.productBanner{z-index:-2;padding-top:88px;min-height:100px}
.productBannerTitle{top:65%!important}
.productBannerTitle>h1{margin-bottom:0}
.faq .faqBottom{margin-bottom:71px}
.documentlist .download-list li{margin-bottom:30px;width:100%}
.productMain .newsList .content-list0 li{margin-bottom:20px}
.productMain .newsList .content-list0 li>img{max-width:100%;max-height:100%}
.products-ninelist-0{padding:0 20px}
.products-ninelist-0>li{margin-bottom:20px}
.products-ninelist-0>li .products-item-name .products-list-name{margin-bottom:10px;font-size:18px}
.products-ninelist-0>li .products-item-name .products-list-content{margin-bottom:10px;font-size:14px;}
.newsJgg{margin:0 auto;width:95%;justify-content:space-between}
.newsJgg li{width:48%}
.Pagination{width:95%}
.detailsTop{flex-wrap:wrap}
#magnifier{display:none}
.productMain{padding-top:30px;width:94%}
.detailsBanner{display:none}
.detailsPage{padding-top:120px!important}
.detailsTable{padding:0 30px}
.detailsTableContentT{font-size:16px;line-height:30px}
.detailsTableTurnPage{margin:59px auto 85px;flex-wrap:wrap}
.detailsTableTurnPage div{width:100%}
.detailsTableTurnPage .zuo{margin-bottom:30px}
.details{margin:0 auto;width:90%}
.detailsTable .detailsTableTop ul li:nth-child(4),.detailsTable .detailsTableTop ul li:nth-child(5){display:none}
.detailsTable .detailsTableTop ul li{font-size:22px}
.detailsTable .detailsTableTop ul li:hover{font-size:22px}
.detailsTableContent ul li{font-size:16px!important}
.faq{margin:0 auto;width:90%}
.newsDetail{margin:0 auto;width:90%}
.newsDetail .newsArticle .newsArticleTurnPage ul{flex-wrap:wrap}
.newsDetail .newsArticle .newsArticleTurnPage ul li{width:100%}
.newsDetail .newsArticle .newsArticleTurnPage ul li:nth-child(1){margin-bottom:30px}
.products-ninelist-1{margin:0 0 40px;padding:0 10px;justify-content:space-between}
.products-ninelist-1 li{margin:0 0 10px 0;width:48%}
.newsDetail .newsArticle .newsArticleTop h1{text-align:left;line-height:30px}
.newsDetail .newsArticle .newsArticleTopDiv{margin-top:21px;text-align:left}
.newsDetail .newsArticle .newsArticleF{display:none}
.newsDetail .newsArticle .newsArticleTurnPage{margin-top:26px}
.productMain .newsList .content-list0{width:90%!important}
.detailsSort h1{margin-left:10px}
.product-sort-bottom{margin:0 auto 40px;width:93%}
.tips{left:44%}
.preview-container{width:100%}
.preview-container .small-box{display:none !important;}
.preview-container .thumbnail-box{box-sizing:border-box;margin:0;padding:0 20px}
.preview-container .thumbnail-box a{display:none}
.preview-container .thumbnail-box .list,.preview-container .thumbnail-box .list .wrapper{width:100%}
.preview-container .thumbnail-box .list .wrapper .item{margin:0;width:100%;height:auto;outline:0;border:none}
.preview-container .thumbnail-box .list .wrapper .item img{width:100%;height:100%}
.preview-container .thumbnail-box .list .banner-page{display:none}
.preview-container #media{width:100%;height:100%;}
.preview-container{margin-left:0}
.productBannerTitle h2{margin-bottom:0}
.details-phone-list{display:block}
.details-phone-list ul{display:flex}
.header nav .navNav .nav>li:last-child{margin-bottom:100px}
.header nav{padding-right:0;}}
@media screen and (max-width:500px){
.header{height:70px!important}
.header .logo{top:7px!important;}
.banner{padding-top:70px!important}
.productBanner{padding-top:70px;min-height:60px}
.productBannerTitle h1{font-size:18px}
.productBannerTitle h2{font-size:18px}
.productBannerTitle span:first-child{font-size:12px}
.productBannerTitle{top:75%!important}
.search{top:100%}
.search #txtSearch{width:265px!important}
.productList .productListItem .productListitem ul li .top img{width:100px}
.productList .productListItem .productListitem ul li .top{height:150px}
.productList .productListItem .productListitem ul li .center span{font-size:20px}
.productList .productListItem .productListitem ul li .center p{font-size:14px;line-height:30px}
.productList .productListItem .productListitem ul li .bottom{line-height:24px}
.productList .productListItem .productListitem ul li .bottom img{margin-left:10px}
.header nav div .nav{margin-top:70px;height:calc(100vh - 70px)}
.header nav .navNav .nav>li i{top:6px}
.header nav .navNav .nav>li a{height:40px;font-size:16px}
.header nav .navNav .nav>li .submenu li{height:40px}
.header nav .navNav .nav>li .submenu li a{font-size:14px}
.header nav .navNav .nav>li:nth-child(1){height:80px}
.header nav .navNav .nav>li:nth-child(1) input{padding-left:14px;width:83%;height:40px;border:1px solid #CCC;font-size:16px}
.introduction{padding-bottom:35px}
.introduction .hello{width:90%}
.introduction .hello img{width:100%!important;height:32px!important}
.introduction .welcome{margin-top:30px}
.introduction .welcome p{margin-bottom:15px;font-size:21px}
.introduction .welcome span{font-size:15px}
.introduction .hellobtn a{padding:9px 20px}
.introduction .hello p{top:15%;font-size:12px}
.introduction .hello p::after{left:15px;width:45px!important}
.introduction .hello p::before{right:15px;width:45px!important}
.case{padding:20px;padding-top:30px}
.case .ourcase p{font-size:21px}
.case .ourcase span{font-size:14px}
.case ul li{padding:12px 12px 0}
.case ul li p{margin-top:10px;font-size:18px}
.case ul li span{font-size:14px;line-height:20px}
.case ul li a{margin:20px 0 35px;padding:10px 20px}
.product .productTop p{margin-bottom:10px;font-size:21px}
.product .productTop span{font-size:14px}
.product .productItem ul li{margin-bottom:12px}
.product .statistics{padding-top:10px}
.product .statistics>div{width:14px;height:14px}
.product .statistics ul{margin:0 auto}
.product .statistics ul li span{margin-bottom:0;font-size:20px}
.product .statistics ul li p{font-size:14px}
.product .statistics ul li{margin-bottom:10px}
.product .productItem ul{padding:0 20px}
.product .productItem ul li div span{font-size:14px;line-height:30px}
.detailsPage{padding-top:95px!important}
.detailsTopRight{padding:0 22px;margin-top:30px}
.newsJgg{width:90%}
.newsJgg li .newsJggitem .newsJggT{margin-top:0;margin-bottom:0}
.newsJgg li .newsJggitem .newsJggB p{margin-bottom:0}
.newsJgg li .newsJggitem .newsJggB p{font-size:14px}
.newsJgg li{margin-bottom:10px}
.newsJgg li .newsJggimg{margin-right:10px;min-width:120px}
.content-list0 li .newsJggimg img{width:140px}
.latestNews{margin:30px auto}
.latestNews .latestNewsList ul li .latestNewsListT{width:20%}
.latestNews .latestNewsTitle .yellow{margin-bottom:10px;font-size:21px}
.latestNews .latestNewsTitle .blue{font-size:14px}
.latestNews .latestNewsList ul li{margin-top:20px}
.strength .ourStrength p{margin-bottom:10px;font-size:21px}
.strength .ourStrength span{font-size:14px}
.strengthItem{margin-top:20px}
.strength{padding:30px 20px 0}
.strengthItem ul li{margin-bottom:23px;padding:15px}
.strengthItem ul li .text img{margin:35px 0 15px}
.strengthItem ul li .text p{margin-bottom:15px;font-size:24px!important}
.strengthItem ul li .text span{margin-bottom:35px;width:80%;font-size:14px!important}
footer .footerCenter .footerTitle div{width:100%!important}
footer .footerRight .footerTitle div{width:100%!important}
.aboutContent{margin-top:10px;margin-bottom:50px}
.aboutContent ul .liImg{margin-bottom:20px}
.aboutContent ul .liText p{margin-bottom:20px}
.aboutContent ul .liText{margin-bottom:20px}
.detailsTableTurnPage{margin:30px auto 60px}
.detailsTableTurnPage .zuo{margin-bottom:20px}
.productMain .newsList .content-list0 li{padding:10px;height:100px}
.productMain .newsList .content-list0 li>img{width:90px;height:90px}
.productMain .newsList .content-list0 li .newsItem{margin-left:10px}
.productMain .newsList .content-list0 .newsListText{margin-top:0}
.Pagination{margin-left:21px!important;width:53%}
.productsPagination{margin-left:20px!important}
.Pagination ul a{padding:15px 10px}
.Pagination ul li{padding:15px 5px}
.productMain .newsList .content-list0 .newsListText p{margin-top:5px;font-size:13px}
.productMain .newsList .content-list0 li .newsListDiv1 p{margin-top:0;margin-bottom:10px;font-size:14px}
.newsDetail{width:100%}
.newsDetail .newsArticle .newsArticleTop h1{margin-bottom:20px;font-size:24px;line-height:26px}
.newsDetail .newsArticle .newsArticleTable .newsArticleTableLi ul li input{width:85%}
.newsArticle{margin:0 auto;width:90%}
.newsDetail .newsArticle .newsArticleTop{margin-left:15px;text-align:left}
.newsArticleF{display:none}
.newsDetail .newsArticle .newsArticleTurnPage ul{flex-wrap:wrap}
.newsDetail .newsArticle .newsArticleTurnPage ul li{margin-bottom:30px;width:100%}
.newsDetail .newsArticle .newsArticleTurnPage ul li a{padding:24px;font-size:12px;line-height:20px}
.newsDetail .newsArticle .newsArticleTurnPage{margin-top:26px;margin-bottom:50px}
.documentlist{margin:0 auto;width:90%}
.productList .productListItem .productListitem ul{margin-right:18px}
.productListItem .Pagination{width:90%}
.faq .faqTop{padding:15px 20px}
.faq{padding:0 10px}
.faq .faqTop>.faqTopTitle>span{font-size:20px;line-height:50px}
.faq .faqTop .faqTopText{font-size:14px;line-height:18px}
.faq .faqBottom a{padding:15px 20px}
.productMain{width:100%}
.newsArticleTableContact{margin-left:0}
footer .footerPhone{z-index:10;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);width:100%;transition:.7s}
footer .footerPhone ul{padding:0 25px;height:48px;}
footer .footerPhone ul li a img{width:25px}
.magnifierPhone{width:330px}
.magnifierPhone img{width:330px}
.detailsTopRightyun ul li a span{padding:15px 10px;font-size:13px}
.detailsTableContent ul li span{padding:0 2px}
.detailsTable{margin-top:30px;padding:0 20px}
.detailsTable .detailsTableTop ul{margin:0}
.detailsTable .detailsTableTop ul li{padding-bottom:10px;font-size:14px}
.detailsTable .detailsTableTop ul li:hover{font-size:14px}
.table-responsive .table tr{line-height:30px}
.table-responsive .table tr td:nth-child(1),.table-responsive .table tr:nth-child(1){font-size:15px}
.table-responsive .table tr td:nth-child(1){font-size:15px}
.product .productItem ul li div p{width:70px;height:70px;border:2px solid rgba(33,76,150,.8);line-height:70px}
.product .productItem ul li div .more span{font-size:12px;line-height:28px}
.products-ninelist-1 li .products-list-img .products-list-name{bottom:3px}
footer{margin-bottom:48px!important;padding-bottom:0!important;padding-left:0!important}
.Feedback .page-box p{overflow:hidden;max-height:3em;font-size:16px;line-height:25px}
.inquiry-pro-list{padding:5px}
.inquiry-pro-item{padding:3px 5px}
.inquiry-pro-item .pro-item-img img{width:80px;height:80px}
.detailsSort h1{margin-left:20px;border-bottom:2px solid #214c96;font-size:18px}
.product-sort-bottom{width:82%}
.products-ninelist-1{padding:0 20px}
.detailsSort .Pagination{margin-bottom:40px}
.tips{left:39.5%}
.Feedback{padding-top:30px}
.content-list1 li .newsJggimg{height:auto}
.products-ninelist-0>li .products-item-name{margin-bottom:0}
.products-ninelist-0>li .products-list-box .products-item-text{margin-bottom:0}
.detailsTopRighttext p{display:none}
.detailsTopRightyun{margin-top:10px}
footer .footerCenter .fnav li a{font-size:13px}}
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){
.nav>li>a>span{width:135px}
.products-item-name{font-size:14px}
.header .header-top .translation{top:7px}
.strengthItem ul li .text span{display:block;width:100%;max-height:2.5em;line-height:1.3em}
.case ul li span{max-height:5em}
.product .productItem ul li div span{max-height:2.5em}
.latestNews .latestNewsList ul li .latestNewsListB p{max-height:1em}
.latestNews .latestNewsList ul li .latestNewsListB span{display:block;max-height:3em}
.aboutContent ul .liText>div>div{max-height:7.5em}
.products-ninelist-1 li .products-list-img .products-list-name{max-height:1em}
.products-ninelist-1 li .products-item-name{overflow:hidden;max-height:2.5em}
.products-item-name{max-height:3em}
.productMain .newsList .content-list0 .newsListText p{overflow:hidden;max-height:2.5em}
.productMain .newsList .content-list0 li>img{width:100%}
.productMain .newsList .content-list0 li .newsListDiv1 p{max-width:500px;max-height:2em}
.productSideBottom ul li span{overflow:hidden;max-height:3em}
.downloadList{width:74%}
.detailsTopRighttext p{overflow:hidden;max-height:13.5em}
.productMain .newsList .content-list0{margin-left:85px;width:93%}
.newsViewd .TitleName{width:100%}
.newsViewd ul li>img{width:100%}
.productSide .newsViewd ul li p{overflow:hidden;max-height:2em}}
.detailsTopRightyun ul{flex-wrap:wrap}
.product-price{width:100%}
.addToCart{padding:10.5px 25px;border:1px solid #214c96;background:#214c96;color:#FFF;font-size:18px;transition:box-shadow .2s linear;cursor:pointer;margin-top:11px}
.addToCart:hover{box-shadow:1px 1px 3px #bbb}
.addToCart span{background:url(../../m406/addtocart.png) no-repeat right center;padding-right:40px;background-size:20px}
@media(max-width:1025px){
.addToCart{padding:12px 20px;font-size:14px;margin-top:14px}}
@media(max-width:1441px){img{height:auto;max-width:100%;}}
@media(max-width:768px){iframe,video{max-width:100%;max-height:340px;}}
table.table td{border:1px solid #CCC;padding:5px}
strong{font-weight:bold}
@media screen and (max-width:500px){footer .footerPhone{z-index:500}header{z-index:999}}
#jljw_IM_GdImBox{z-index:900!important}
.inquiry-form input,.inquiry-form textarea{padding-left:15px}
.inquiry-form textarea{min-height:150px;}
.solu-flex-l{width:40%}
.solu-flex-r{width:60%;padding-left:2%}
.solu-flex-r p{margin-bottom:10px;}
.aboutList img{height:auto;max-width:100%;    border-radius: 15px;}
.aboutList *{box-sizing:border-box;}
.solu-flex-l img{display:block;width:100%;max-height:380px;object-fit:cover}
.flex-reverse .solu-flex-r{padding:0 2% 0 0}
.solutions>.flex{margin-bottom:4%}
.solu-name{font-size:26px;color:#111;position:relative;padding-bottom:6px;margin-bottom:20px;display:block}
.solu-name::before{content:'';display:block;position:absolute;bottom:0;left:0;width:70px;height:3px;background-color:#FE9900}
.solutions-list>li{width:24%;background:#F6F6F6;text-align:center;padding:2% 10px 4%;margin:2% 0}
.solutions-list>li .iconfont{font-size:40px;color:#FE9900}
.solutions-list>li p{font-size:18px;color:#777;line-height:1.6;margin-top:6px}
.solutions-list>li p strong{font-size:24px;color:#333;font-weight:500}
.support{color:#666;line-height:1.8}
.flex-half{margin-bottom:60px}
.flex-half-l{width:50%;padding-right:6%}
.flex-half-r{width:50%}
.support .flex-half-r{}
.sup-bref1::before{content:'';display:inline-block;width:60px;height:1px;background:#484742;opacity:.5;vertical-align:middle;margin-right:10px}
.sup-name{display:block;font-size:26px;color:#222;line-height:1.3;margin:10px 0}
.sup-bref2{font-size:18px;color:#666;line-height:1.6}
.sup-text{margin:20px 0 30px;font-size:18px}
.sup-list>li{max-width:50%;margin-right:10px}
.sup-list>li div{font-size:20px;font-weight:500;color:#222}
.sup-list>li div p{display:inline-block;border-bottom:1px solid #EEE;position:relative;line-height:1.3;padding:10px 0}
.sup-list>li div p::before{content:'';display:block;width:40px;height:4px;background:#FE9900;position:absolute;bottom:-2px;left:0}
.sup-list>li strong{font-size:40px;font-weight:500;color:#333;line-height:1.7}
.flex-reverse{flex-direction:row-reverse}
.flex-reverse .flex-half-l{padding:0 0 0 6%}
.sup-list2>li{display:flex;flex-wrap:wrap}
.sup-list2>li .iconfont{font-size:40px;color:#FE9900;line-height:1}
.sup-list2>li>div{flex:1;padding-left:16px}
.sup-list2>li>div p{font-size:14px;color:#888;line-height:1.7}
.sup-list2>li>div p:nth-child(1){font-size:20px;color:#222;line-height:1.3;margin-bottom:6px}
.application{color:#666;line-height:1.8}
.app-name{display:block;font-size:26px;font-weight:500;color:#222;margin-bottom:20px;line-height:1.3;padding-top:6px}
.president-l,.teami-l{width:40%}
.president-r,.teami-r{width:60%;padding-left:2%}
.president-r p,.teami-r p{margin-bottom:10px}
.flex-reverse .teami-r{padding:0 2% 0 0}
.president-r h6,.teami-r h6{font-size:24px;margin-bottom:20px;line-height:1.3}
.teami{margin-bottom:3%}
#brand-history-list{padding-bottom:160px;*zoom:1}
#brand-history-list:after{content:'';display:block;width:0;height:0;clear:both}
#brand-history-list li{position:relative;height:130px;width:50.6%;background-size:auto 80%!important}
#brand-history-list li h2{color:#000;font-size:40px;white-space:nowrap;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
#brand-history-list li:hover h2{color:#FE9900}
#brand-history-list li p{color:#999;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;max-height:170px;overflow:hidden;line-height:1.5;}
#brand-history-list li:hover p{color:#333}
#brand-history-list li.left,#brand-history-list li:nth-of-type(2n+1){float:left;background:url(../../m419/red/img/history_01.png) 100% 100% no-repeat}
#brand-history-list li.left h2,#brand-history-list li:nth-of-type(2n+1) h2{position:absolute;bottom:10%;right:10%}
#brand-history-list li.left p,#brand-history-list li:nth-of-type(2n+1) p{position:absolute;top:105%;right:10%;width:84%;text-align:right}
#brand-history-list li.right,#brand-history-list li:nth-of-type(2n){float:right;background:url(../../m419/red/img/history_02.png) 0 100% no-repeat}
#brand-history-list li.right h2,#brand-history-list li:nth-of-type(2n) h2{position:absolute;bottom:10%;left:10%}
#brand-history-list li.right p,#brand-history-list li:nth-of-type(2n) p{position:absolute;top:105%;left:10%;width:84%}
.rank-flex{justify-content:space-between}
.rank-flex>li{width:32%;text-align:center;background:#FFF;margin-top:2%;padding:2%;position:relative;box-shadow:0 0 10px #EEE}
.rank-flex>li p:nth-of-type(2){margin-bottom:0;font-size:20px;font-weight:500;line-height:1.3;text-transform:capitalize;}
.rank-flex>li::before{position:absolute;top:0;right:2%;font-size:140px;color:rgba(255,255,255,.5);line-height:1}
.rank-flex>li:nth-child(1)::before{content:'1'}
.rank-flex>li:nth-child(2)::before{content:'2'}
.rank-flex>li:nth-child(3)::before{content:'3'}
.rank-flex>li:nth-child(4)::before{content:'4'}
.rank-flex>li:nth-child(5)::before{content:'5'}
.rank-flex>li:nth-child(6)::before{content:'6'}
.ch-flex{margin-top:3%}
.ch-flex>li{width:25%;border:1px solid #EFEFEF;padding:2%;text-align:center}
.ch-flex>li:not(:nth-child(4n)){border-right:none}
.ch-flex>li:nth-child(n+5){border-top:none}
.ch-flex>li img{max-width:236px;max-height:342px}
.ch-flex>li p{margin-top:10px}
.proequ-list>div{width:calc(25% - 8px);margin:0 10px 10px 0}
.proequ-list{margin-top:3%}
.proequ-list>div img{display:block;width:100%}
.proequ-list>div:nth-of-type(4n){margin-right:0}
.organ-item{width:25%;text-align:center;padding:0 4% 4%}
.organ-item img{max-width:140px !important}
.organ-item h6{font-size:20px;line-height:1.3;margin:10px 0;font-style:italic}
.organ-item h6>span{font-size:24px;font-style:initial}
.ch-name{font-size:20px;margin:10px 0}
.ch-name+p{margin-bottom:20px}
.company-honor>div:nth-of-type(1){width:58%}
.company-honor>div:nth-of-type(2){width:40%}
.office-l{width:60%;padding-right:2%}
.office-l p{margin-bottom:10px}
.office-r{width:40%}
.flex-reverse .office-l{padding:0 0 0 2%}
.office-l .atext-t{font-size:20px;line-height:1.3;margin:10px 0}
.office>.flex{margin-top:2%}
.competitive-tit,.rdc-tit{font-size:20px;line-height:1.3;position:relative;padding-bottom:8px;margin-bottom:20px}
.competitive-tit::before,.rdc-tit::before{content:'';display:block;width:60px;height:3px;background-color:#FE9900;position:absolute;bottom:0;left:0}
.competitive-two .flex-jc-sb>div,.rdc .flex-jc-sb>div{width:31%;margin:1% }
.competitive section p:nth-of-type(n+2),.cvision>p,.rdc>p:nth-of-type(n+2){margin-bottom:10px}
.competitive-four{margin-top:2%}
.strategy-list{padding-left:20px}
.strategy-list,.strategy-list li{list-style-type:circle}
.strategy-list li{margin:10px 0}
.cmission-item{width:31.3%}
.cmission-item-tit{font-size:20px;line-height:1.3;position:relative;text-transform:uppercase;padding-bottom:8px;margin-bottom:20px}
.cmission-item-tit>span{color:#FE9900}
.cmission-item-tit::before{content:'';display:block;width:50px;height:2px;background-color:#FE9900;position:absolute;bottom:0;left:0}
.cvision .flex-jc-sb>div{width:calc(50% - 10px)}
.cphil-item{width: 23%;
    text-align: center;
    margin: 1%;}
.cphil-item p{text-transform:uppercase;font-size:18px;margin-top:10px;line-height:1.3}
.cphil-item img{max-width:300px !important;width:100%}
@media(max-width:1281px){
.ch-name{margin:0}}
@media(max-width:1024px){
.solutions-list>li{width:48%}
.application,.howtouse,.solutions,.support{line-height:1.8}
.ch-flex>li img{max-width:100% !important}
.president-l,.teami-l{width:100%}
.president-r,.teami-r{width:100%;padding:20px 0 0}
.teami{margin-bottom:6%}
.company-honor>div:nth-of-type(1){width:100%}
.office-l{width:100%;padding-right:0}
.office-r{width:100%;margin-top:20px}
.flex-reverse .office-l{padding:0}}
@media(max-width:800px){
html{font-size:64px;}
.flex-half-l,.president-l,.solu-flex-l,.teami-l{width:100%;padding:0}
.president-r,.solu-flex-r,.teami-r{width:100%;margin-top:.3rem;padding:0!important}
.flex-half-r{width:100%;margin-top:.4rem}
.flex-reverse .flex-half-l{padding:0}
.sup-list2>li>div p{font-size:16px}
.app-name,.ch-name,.cmission-item-tit,.competitive-tit,.office-l .atext-t,.organ-item h6,.rank-flex>li p:nth-of-type(2),.rdc-tit,.solu-name,.sup-name{font-size:.3rem}
.organ-item h6>span{font-size:.32rem}
.solutions>.flex,.teami{margin-bottom:.4rem}
.president-r h6,.teami-r h6{font-size:.32rem;margin-bottom:10px}
.ch-flex>li{width:50%;text-align:center}
.ch-flex>li:nth-child(2n){border-right:1px solid #EFEFEF}
.ch-flex>li:not(:nth-child(-n+2)){border-top:none}
.proequ-list>div{width:calc(50% - 5px)}
.proequ-list>div:nth-of-type(2n){margin-right:0}
.organ-item{width:50%}
.company-honor>div:nth-of-type(2){width:100%;margin-top:20px}
.competitive section{margin-bottom:.4rem}
.rank-flex>li{width:49%}
.cmission-item{width:100%;margin-bottom:.4rem}
.cvision .flex-jc-sb>div{width:100%;margin-bottom:20px}
.cphil-item{width:48%;margin-bottom:.4rem}}
@media(max-width:540px){
#brand-history-list li h2{font-size:26px}}
@media(max-width:481px){
.solutions-list{margin:.2rem 0}
.solutions-list>li{width:100%;padding:.2rem .3rem .4rem}
.solutions-list>li p strong{font-size:18px}
.app-name,.president-r h6,.solu-name,.sup-name,.teami-r h6{font-size:20px}
.sup-list>li{max-width:100%}
.solutions-list>li p{font-size:16px}
.rank-flex>li::before{font-size:70px}
.rank-flex>li img{max-width:80px !important}
.organ-item img{max-width:90px !important}
.competitive-two .flex-jc-sb>div,.rdc .flex-jc-sb>div{width:100%}}
@media(max-width:415px){
.sup-bref2,.sup-list>li div,.sup-text{font-size:16px}
.sup-list>li strong{font-size:30px}
.ch-flex>li p,.cphil-item p{font-size:14px}
#brand-history-list li p{max-height:2.7rem}}
@media(max-width:321px){
.app-name,.president-r h6,.solu-name,.sup-name,.teami-r h6{font-size:18px}}
.flex{display:flex;flex-wrap:wrap;}
.flex-ai-c{display:flex;flex-wrap:wrap;align-items:center;}
.flex-jc-sb{display:flex;flex-wrap:wrap;}
.flex-jc-c{display:flex;flex-wrap:wrap;justify-content:center;}
.flex-jc-ai-c{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.flex-reverse{flex-direction:row-reverse;}
.asynproject li{display:flex;align-items:center;}
.asynproject .project-img{width:30%;}
.asynproject .project-img img{width:100%;}
.asynproject .project-info{width:68%;padding-left:2%;}
.asynproject .project-name{line-height:1.4;}
.asynproject .project-name img{display:none;}
@media(max-width:415px){
.asynproject .project-img{width:40%;}
.asynproject .project-info{width:58%;padding-left:2%;}}
.wmck-advan-box,.wmck-advan-boxs{padding:10px 25px;width:33%;text-align:center;}
.wmkc-advan-img{margin:40px auto 0;width:45px;height:45px;}
.wmck-advan-box p:nth-of-type(1),.wmck-advan-boxs p:nth-of-type(1){display:-webkit-box;overflow:hidden;margin-bottom:20px;padding:30px 0 0 0;font-weight:800;font-size:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.wmck-advan-box p:nth-of-type(2),.wmck-advan-boxs p:nth-of-type(2){display:-webkit-box;overflow:hidden;margin-bottom:40px;-webkit-box-orient:vertical;-webkit-line-clamp:4;}
.wmkc-advan{display:flex;flex-wrap:wrap;}
.wmck-advan-boxs{background-color:#f5f5f5;}
.wmkc-history-box,.wmkc-history-boxs{display:flex;width:50%;}
.wmkc-history-boxs{margin-left:auto;}
.wmkc-history-boxs .wmkc-history-g{margin-left:auto;}
.wmkc-history-boxs .wmkc-history-time{margin-left:20px;text-align:left;}
.wmkc-history-main{display:flex;justify-content:center;align-items:center;}
.wmck-history-img{flex:1;}
.wmkc-history-time{text-align:end;font-weight:800;font-size:25px;}
.wmkc-history-png{overflow:hidden;width:165px;height:165px;border-radius:100%;}
.wmkc-history-png img{width:100%;}
.wmkc-history-all{margin-top:80px;}
.wmkc-history-p{margin-left:20px;padding:0 0 50px 0;width:80%;}
.wmkc-history-g{position:relative;margin-left:25px;width:2px;height:auto;background-color:#ececec;}
.wmkc-history-q{position:absolute;left:-10px;width:20px;height:20px;border:2px solid #214c96;border-radius:100%;background-color:#ececec;}
.wmkc-history-xq{position:relative;top:3px;left:3px;width:10px;height:10px;border-radius:100%;background-color:#214c96;}
.wmkc-history-sx{position:relative;top:-105px;right:-4px;width:1px;height:100px;background-color:#dfdfdf;}
.wmkc-history-sx::after{position:absolute;top:20px;left:-9px;width:15px;height:15px;border:2px solid #dfdfdf;border-radius:100%;background-color:#FFF;content:'';}
.wmkc-team-box{display:flex;margin-top:50px;margin-bottom:50px;justify-content:space-around;}
.wmkc-team-people{width:30%;text-align:center;}
.wmkc-team-p img{width:4%;}
.wmck-team-img{margin:auto;width:50%;}
.wmck-team-img img{width:80%;}
.wmkc-team-people p:nth-of-type(1){font-weight:400;font-size:24px;}
.wmkc-team-people p:nth-of-type(2){position:relative;margin-bottom:30px;color:#797979;}
.wmkc-team-tow{margin:auto;width:55px;height:3px;background-color:#FFF;}
.wmkc-team-bj{background:url(../aboutimg/bj.jpg) no-repeat center;background-size:100% 100%;text-align:center;}
.wmkc-team-bj p:nth-of-type(1){color:#FFF;font-size:28px;}
.wmkc-team-bj p:nth-of-type(2){margin-bottom:20px;color:#FFF;}
.wmkc-team-bjtp{padding:100px 0;background-color:#214c96;opacity:.4;}
.wmkc-team-footer{display:flex;padding:0 100px;padding:95px 0;justify-content:space-around;flex-wrap:wrap;}
.wmkc-team-y{margin-top:20px;width:18%;text-align:center;}
.wmkc-office-one img:nth-of-type(1){margin-bottom:20px;}
.wmkc-office-box{display:flex;justify-content:space-between;}
.wmkc-office-one{width:36%;}
.wmkc-office-im,.wmkc-office-img{position:relative;width:62%;}
.wmkc-office-im p,.wmkc-office-img p{position:absolute;bottom:0;padding:20px 0;width:100%;background-color:#797979;text-align:center;opacity:.8;}
.wmkc-office-im img,.wmkc-office-img img{width:100%;height:100%;}
.wmkc-office-one{display:flex;flex-direction:column;}
.wmkc-office-main{display:flex;padding:20px 0;justify-content:space-between;}
.wmkc-office-main img{width:49%;}
@media (max-width:768px){.wmck-advan-box,.wmck-advan-boxs,.wmkc-certi-tupian{width:100%;}
.wmkc-history-main{flex-direction:column;}
.wmkc-history-p{margin-left:0;padding:0 0 10px 0;width:100%;}
.wmkc-history-time{text-align:left;font-size:20px;}
.wmkc-history-box,.wmkc-history-boxs{padding:20px 0;width:100%;}
.wmck-history-img{padding:20px 0;}
.wmkc-history-g{display:none;}
.wmkc-history-boxs .wmkc-history-main{flex-direction:column-reverse;}
.wmkc-history-boxs .wmkc-history-time{margin-left:0;}
.wmkc-team-y{width:50%;}
.wmkc-team-y img{width:80%;}
.wmkc-team-bj p:nth-of-type(1){font-size:22px;}
.wmkc-team-bj p:nth-of-type(2){font-size:14px;}
.wmkc-team-footer{padding:50px 0;}
.wmkc-team-people{margin-top:20px;width:100%;}
.wmkc-team-people p:nth-of-type(1){font-size:20px;}
.wmkc-team-box{flex-direction:column;}
.wmkc-team-bjtp{padding:50px 0;}
.wmck-team-img img{width:60%;}
.wmkc-team-people p:nth-of-type(2){margin-bottom:10px;}
.wmkc-office-box,.wmkc-office-main{flex-direction:column;}
.wmkc-office-im,.wmkc-office-img,.wmkc-office-main img,.wmkc-office-one{width:100%;}
.wmkc-office-one img:nth-of-type(2){margin-bottom:20px;}
.wmkc-office-im p,.wmkc-office-img p{bottom:6px;padding:10px 0;}
.wmkc-office-main img:nth-of-type(1){margin-bottom:20px;}
.wmkc-office-im{margin-bottom:20px;}}
.fnav-flex{display:flex;flex-wrap:wrap;justify-content:space-between}
.fnav-flex li{width:48%}
@media(max-width:1280px){
footer .footerCenter .footerTitle p,footer .footerLeft div p,footer .footerRight .footerTitle p{font-size:18px}}
@media(max-width:768px){
footer .footerCenter .fnav{justify-content:flex-start}
footer .footerCenter .fnav li{width:auto;margin-right:12px}
footer .footerCenter .footerTitle p,footer .footerLeft div p,footer .footerRight .footerTitle p{font-size:18px!important;margin-bottom:10px}
footer .footerCenter .footerTitle div,footer .footerTop .footerLeft .footerLeftT li,footer .footerTop>div{margin-bottom:10px}}
#feedbackForm .inquiry-form .feed-verification{width:100%;display:flex;margin-top:10px}
#feedbackForm .inquiry-form .feed-verification input{margin:0;flex:1;border:1px solid #e5e5e5;max-width:300px}
#feedbackForm .inquiry-form .feed-verification img{width:90px;height:100%!important;cursor:pointer}@media(max-width:1024px){
.mobcate-main{flex-wrap:wrap}
.mobcate-main .productSide{display:block;width:100%;margin:0;padding:0 20px}
.mobcate-main .productSide .productSideCenter,.mobcate-main .productSide .productSideBottom{display:none}
.mobcate-main .productSide .productSideTop{position:relative}
.mobcate-main .productSide .productSideTop .sf-menu{position:absolute;top:110%;left:0;right:0;padding:0;z-index:20;display:none;background-color:#FFF;box-shadow:rgb(0 0 0 / 20%) 0 2px 16px}
.mobcate-main .productSide .productSideTop .TitleName{background-color:transparent;color:#000;padding:10px 0;border-bottom:1px solid #ddd;cursor:pointer;background:url(../../cate-btn.png) right center/24px no-repeat}
.productSide .productSideTop .sf-menu .menu-item{padding-right:30px}
.productSide .productSideTop .sf-menu .menu-item i{right:10px}
.productSide .productSideTop .sf-menu .menu-item i.active{transform:rotate(90deg);}}
@media(min-width:769px){
.newsJgg li .newsJggitem .newsJggB span,.products-ninelist-0>li .products-item-name .products-list-content{-webkit-line-clamp:initial;max-height:100%}}
.detailsTopRightyun ul li .LayImAhrefNode {text-transform:capitalize;padding:15px 25px;border:1px solid #214c96;color:#214c96;font-size:18px;line-height:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.detailsTopRightyun ul li .LayImAhrefNode:hover {box-shadow:1px 1px 3px #bbb}
@media (max-width:1024px){.detailsTopRightyun ul li .LayImAhrefNode{font-size:14px;padding:15px 20px}}
/*detail_2*/
#tagContent {padding-top:10px;}
#tags {display:flex;flex-wrap:wrap;}
#tags li {margin-bottom:10px;float:left;}
#tags li a {text-decoration:none;display:block;line-height:1.4;padding:12px 0;margin-right:25px;border-bottom:2px solid #FFF;color:#222;font-size:20px;}
#tags li:last-child a{margin-right:0}
ul#tags li.selectTag a {color:#214c96;border-color:#214c96;}
.tagContent {display:none;width:100%;}
#tagContent div.selectTag {display:block;}
@media (max-width:768px){#tags li a{font-size:17px;margin-right:15px}}
@media (max-width:560px){#tags li a{font-size:15px;margin-right:12px}}
h4.cate-h4, h4.pro-h4 {clear:both;font-weight:bold;}
ul.cate-ulli, ul.pro-ulli {clear:both;padding:10px 0px 10px 20px;}
ul.cate-ulli li, ul.pro-ulli li {list-style-type:disc;line-height:175%;}
.productBannerTitle{display:flex;align-items:center;justify-content:center;height:100%}
.productBanner .breadcrumbs-nav{width:100%;max-width:85%;position:absolute;bottom:-2px;text-align:left;left:50%;transform:translateX(-50%)}
.productBanner .breadcrumbs-nav>div{display:inline-block;background:#FFF;min-height:30px;color:#666;padding:0 20px;line-height:2;font-size:14px;width: 100%;}
.productBanner .breadcrumbs-nav a{color:#666;font-size:14px;}
@media(max-width:1366px){.productBanner .breadcrumbs-nav{max-width:450px;}}
@media(max-width:768px){.banner .swiper-button-next, .banner .swiper-button-prev{display:none;}}
.footerPhone{display:none;}
@media(max-width:768px){.footerPhone{display:block;}}